.fullscreen {
  width: 100%;
  height: 100%;
}
.full-width {
  width: 100%;
}
.half-width {
  width: 50%;
}

.full-height {
  height: 100%;
}
.half-height {
  height: 50%;
}
.no-margin {
  margin: 0px !important;
}
.no-padding {
  padding: 0px;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.fixed {
  position: fixed !important;
}

.position-l {
  left: 0px;
}
.position-t {
  top: 0px;
}
.position-r {
  right: 0px;
}
.position-b {
  bottom: 0px;
}
.position-lt {
  left: 0px;
  top: 0px;
}
.position-lb {
  left: 0px;
  bottom: 0px;
}
.position-rt {
  right: 0px;
  top: 0px;
}
.position-rb {
  right: 0px;
  bottom: 0px;
}
.main-text {
  font-size: 14px;
  color: #000;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.minor-text {
  font-size: 12px;
  color: #969799;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.floatL {
  float: left;
}
.floatR {
  float: right;
}

.center-horizontal {
  left: 50%;
  transform: translateX(-50%);
}
.center-vertical {
  top: 50%;
  transform: translateY(-50%);
}
.center {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.max-height-auto {
  max-height: calc(100% - 86px);
}
.max-height-content {
  max-height: calc(100% - 12px);
  padding: 8px 0;
  overflow: auto;
}

.text-normal {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.text-line2 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
